<template>
	<view class="allmoney">
		<view class="allmoney_content">
			<view class="allmoney_content_one" @tap="$wanlshop.auth('/pages/user/money/fujin')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/fujin.png" mode="widthFix"></image>
					<text>
						福金
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						<!-- {{.}} -->
						 {{ userbalance.dingjin }}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one" @tap="$wanlshop.auth('/pages/user/money/gold')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/fuquan.png" mode="widthFix"></image>
					<text>
						福券
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.gold}}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			
			<view class="allmoney_content_one" @tap="$wanlshop.auth('/pages/user/travelcard/log')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/lvyoujinka.png" mode="widthFix"></image>
					<text>
						旅游金卡
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.travelcardlock}}
						
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one" @tap="$wanlshop.auth('/pages/user/travelcard/bluelog')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/lvyoulvka.png" mode="widthFix"></image>
					<text>
						旅游绿卡
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						<!-- {{userbalance.bluecard}} -->
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one"  @tap="$wanlshop.auth('/pages/user/money/money')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/yue.png" mode="widthFix"></image>
					<text>
						余额
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.money}}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one" @tap="$wanlshop.auth('/pages/user/signin/log')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/tast.png" mode="widthFix"></image>
					<text>
						TAST
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.score}}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one" @tap="$wanlshop.auth('/pages/user/money/yongjin')"> 
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/yongjin.jpg" mode="widthFix"></image>
					<text>
						佣金
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.yongjin}}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one"@tap="$wanlshop.auth('/pages/user/blindbox/list')">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/fukamingxi.png" mode="widthFix"></image>
					<text>
						抢福卡参与明细
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one"@tap="$wanlshop.auth('/pages/user/money/fuka')">
				<view class="allmoney_content_one_left" >
					<image class="round" src="/static/money/fuka.png" mode="widthFix"></image>
					<text>
						福卡
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<!-- <text class="allmoney_content_one_right_numner">
						
					</text> -->
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one"@tap="$wanlshop.auth('/pages/user/money/yanglaojin')">
				<view class="allmoney_content_one_left" >
					<image class="round" src="/static/money/yanglaojin.png" mode="widthFix"></image>
					<text>
						养老金
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.kzrylj}}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			<view class="allmoney_content_one"@tap="$wanlshop.auth('/pages/user/money/lyqye')">
				<view class="allmoney_content_one_left" >
					<image class="round" src="/static/money/lyq.png" mode="widthFix"></image>
					<text>
						旅游券
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{userbalance.lyqye}}
					</text>
					<text class="wlIcon-fanhui2"> 
						
					</text>
				</view>
			</view>
			
		</view>
	</view>
	
</template>

<script>
import { mapState } from 'vuex';
export default {
	data() {
		return {
			userbalance:[]
		};
	},
	computed: {
		...mapState(['user'])
	},
	onLoad() {
		this.loadData();
	},
	methods: {
		async loadData() {
			this.$api.post({
				url: '/wanlshop/user/getBalance',
				success: res => {
					// console.log(res,'0')
					this.userbalance= res;
				}
			});
			// console.log(this.userbalance,'111')
		}
	}
};
</script>

<style>
.wanl-money .title{
	color: rgba(255, 255, 255, .7);
}
.allmoney{
	width: 100%;
}
.allmoney_content{
	width: 100%;
}
.allmoney_content_one{
	width: 94%;
	margin: 0 auto;
	display: flex;
	height: 2.5rem;
	line-height: 2.5rem;
	flex-direction: row;
	align-items: center;
	border:1px solid #f7f7f7 ;
	justify-content: space-around;
	 -moz-box-shadow: 3px 3px 3px #eee; -webkit-box-shadow: 3px 3px 3px #eee; box-shadow: 3px 3px 3px #eee;
	 border-radius: 3px;
	
}
.allmoney_content_one_left{
	width: 48%;
	text-align: left;
	height: 2.5rem;
	line-height: 2.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
 
}
.allmoney_content_one_left image{
	 width: 1.6rem;
	 margin-right:0.5rem ;
 }

.allmoney_content_one_right{
	width: 48%;
	/* text-align: right; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.allmoney_content_one_right_numner{
	margin-right:0.5rem ;
}

</style>
